﻿@{
    ViewBag.Title = "ViewUsers";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
@model IEnumerable<HomeStayWebCP.Models.BusinessObject.UserInfo>
<html>
<head>
<style type="text/css">
.webgrid
{
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
 
.webgrid a
 {
    color: #000;
 }
  
.webgrid-header
 {
     padding: 6px 5px;
     text-align: left;
     background-color: #e8eef4;
     border-bottom: 2px solid #3966A2;
     height: 40px;
  
     border-top: 2px solid #D6E8FF;
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
 
 
 .webgrid-footer
 {
     padding: 6px 5px;
     text-align: center;
     background-color: #e8eef4;
     border-top: 2px solid #3966A2;
     height: 30px;
  
     border-bottom: 2px solid #D6E8FF;
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
.webgrid-alternating-row
{
    height: 30px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
 
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
 }
  
 .webgrid-row-style
{
     height: 30px;
     border-bottom: 1px solid #d2d2d2;
  
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
 .webgrid-selected-row
{
    font-weight: bold;
 }
</style>
</head>
<body>
<h2>ViewUsers</h2>

@{   
    WebGrid grid = new WebGrid(Model,rowsPerPage: 15);
}

@grid.GetHtml(
        tableStyle: "webgrid",
        headerStyle: "webgrid-header",
        footerStyle: "webgrid-footer",
        fillEmptyRows: true,
        alternatingRowStyle: "webgrid-alternating-row",
        selectedRowStyle: "webgrid-selected-row",
        rowStyle: "webgrid-row-style",
        mode: WebGridPagerModes.All,       
        firstText: "<< First",
        previousText: "< Previous", nextText: "Next >",
        lastText: "Last >>",
        numericLinksCount: 10,        
        columns: new [] {
        grid.Column("UserId", canSort: false),
        grid.Column("Username", canSort: false),
        grid.Column("Fullname"),
        grid.Column("Role"),
        grid.Column("Email"),
        grid.Column("Phone",
        header: "Phone Number"//,
                //style: "to-the-right"
        ),
        grid.Column("Status")
})


</body>
</html>
